<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>综合实例</title>
</head>

<body bgcolor="#e3e3e3">
	<h2 align="center">综合展现HTML标记</h2>
    	<hr align="center" size="2" width="300"/>
        <center>
        <font size="4">下面展示表单应用</font>
        <form action="" method="post">
        <table border="1" width="400" cellpadding="1" cellspacing="1">
        	<tr>
            	<td>姓名：</td><td><input type="text" name="username" 
                					maxlength="10" size="20"/></td>
            </tr>
            
            <tr>
            	<td>密码：</td><td><input type="password" name="pwd"  size="21"/></td>           					
            </tr>
            
            <tr>
            	<td>性别：</td><td><input  name="sex" type="radio" size="20" checked="checked"/>男
               					 <input  name="sex" type="radio" size="20" checked="checked"/>女</td>
            </tr>
            
            <tr>
            	<td>水果：</td><td><input type="checkbox" name="fruit" checked="checked" />苹果
                <input type="checkbox" name="fruit"  />香蕉
                <input type="checkbox" name="fruit"  />橘子</td>
            </tr>
            
            <tr>
            	<td>备注：</td><td><textarea rows="3" cols="25">滚动文本框</textarea></td>           					
            </tr>            
            
            <tr>
            	<td>专业：</td><td><select name="zy" size="1">
                				<option value="计算机">计算机</option>
                                <option value="英语">英语</option> 
                                <option value="数学">数学</option> 
                        </select></td>
            </tr> 
            
             <tr>
            	<td>课程：</td><td><select name="kc" size="3" multiple="multiple">
                				<option value="计算机导论">计算机导论</option>
                                <option value="数据结构">数据结构</option> 
                                <option value="软件工程">软件工程</option> 
                                <option value="高等数学">高等数学</option> 
                                <option value="离散数学">离散数学</option> 
                        </select></td>           					
            </tr>       
            
            <tr>
            	<td>备注：</td><td><input type="submit" value="提交" />
                <input type="reset" value="重置" /></td>           					
            </tr>             
                             
        </table>
        </form>
        </center>
        
        
</body>
</html>
